/**/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, ul, li, fieldset, form, label { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }


a{
    text-decoration: none;
}

ol, ul {
    list-style: none outside none;
}


/**/

#wrapper{
    width:100%;
    height: 100%;
    font-family: Tahoma;
    background: #ececec;
    font-size: 14px;

}
 #thongbao {
    color: red;
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
}
.error {
    background: none repeat scroll 0 0 #ffc6ca;
    border: 1px solid #ffc6ca;
    color: red;
    display: block;
    height: 62px;
    line-height: 71px;
    margin-bottom: 30px;
}

#main{
    width:90%;
    margin:auto;
    background: white;
}

#main .header{
    height: 40%;
    
}
#main .header #top-header{
   background: none repeat scroll 0% 0% #000;
    color: #FFF;
    height: 20%;
    padding: 10px;
    font-size: 14px;

}
#main .header #top-header .right{
    float:right;
    padding-left: 8px;
    padding-right: 8px;

}
#main .header #top-footer{
    background: #4C9ED9;
    font-size: 14px;
    color: white;
   
    
}
#sub{
    height: 20px;
    background: url('../images/submenu-bg.gif') repeat-x scroll left bottom #FFF;
}
#main .header #top-footer #content-top{
    padding: 26px 18px 19px 200px;
    text-transform: uppercase;
    font-size: 27px;
}
.clr{
    clear: both;
}
#main .center{
    margin-top:20px

}


#main .center #left{
    float:left;
    padding-top: 10px;
    padding:10px;
    border: 1px solid #4c9ed9;
    width: 18%;
    
    
}
#main .center #left .function{

    
    
}

.sub_function{
    padding-bottom:10px;
}

#main .center #left .function .sub_function h2{
    border: 1px solid gray;
    text-transform: uppercase;
    color: #FFF;
    font-weight: initial;
    padding: 6px;
    padding-left: 13px;
    border: 0px solid;
    background: #4c9ed9;
    font-size: 14px;
}
#main .center #left .function .sub_function ul li{
    border-bottom: 1px solid #4c9ed9;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 14px;
}
#main .center #left .function .sub_function ul li a{
    background: url('../images/arrow.gif') no-repeat 1px;
    padding-left: 15px;
    font-size: 14px;
}
#main .center #left .function .sub_function ul li a:hover{
    color:red;
}
#main .center #right{
    width:78%;
    float:right;
    border: 1px solid #4c9ed9;
    padding: 10px;
}
.center #clr{
    clear:both;
}

.footer{
    border:1px solid #4c9ed9;
    padding-top:10px;
    margin-top:10px;
}
#main .center #right #content_center{
    
    
}
table th, td {
    border: 1px solid #d9d9d9;
}
#main .center #right #content_center #module table {
    border: 1px solid #d9d9d9;
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
}
#tieude {
    background: none repeat scroll 0 0 #eeeeee;
    color: black;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    font-family:Tahoma;
}
#module h2{
    padding-top: 6px;
}
#text {
    height: 20px;
    margin-bottom: 20px;
    width: 248px;
    font-size: 14px;
}
#btthem2:hover {
    cursor: pointer;
}
#btthem2 {
    background: url("../images/add-icon.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    border-color: #29729f;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 4px;
    color: #29729f;
    font-family: times new roman;
    font-weight: bold;
    height: 32px;
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    font-size: 14px;
}
legend{
    padding: 10px;
    padding-bottom: 20px;
    font-family: Sans-serif;
    font-size: 14px;
}
#main .footer #content-footer{
   background: none repeat scroll 0 0 #f6f6f6;
    color: #3a00ff;
    font-size: 17px;
    font-weight: bold;
    height: 40px;
    padding: 10px;
    text-align: center;
    font-family: Tahoma;

}
.hinh{
    width:50px;
    text-align:center;
}
/**/

.thongtin_giangvien table{
    width: 90%;
    font-size: 14px;

}
.thongtin_giangvien table tr td{
   padding-left: 20px;
    
}
.thongtin_giangvien table tr input{
    
    margin: 10px;
    
    
}
.thongtin_giangvien table tr select{
    padding-left: 20px;
    margin: 20px;
    height: 30px;
    width: 200px;
    text-align: justify;  
}
.thongtin_giangvien table tr td{
    
}
.module label{
padding-left: 40px;
font-weight: bold;
padding-right: 20px;
margin-bottom: 20px;
text-align: 30px;
}
.thongtin_giangvien .left{
    width: 20%;

    border: 1px solid red;
    float: left;
} 
.thongtin_giangvien .right{
    width: 77%;

    border: 1px solid gray;
    padding-left: 20px;
} 
.thongtin_giangvien .clr{

} 

#dschucvu{
    overflow-x:hidden; 
    overflow-y:scroll; 
    height:200px;
}
#filter{
    padding:15px 5px 15px 5px;
}

/* phan trang */

#pagging{
    padding:10px 10px 10px 10px; 
}
#pagging a{
    border: 1px solid red;
    margin:0px 5px 0px 5px;
    text-align: center;
}
#pagging #selection{
    background: rgb(160, 243, 66);
}

